<template>
  <div class="lesson-plan-in">
    <el-button
      class="btn-back"
      type="custom"
      size="small"
      @click="handleBack"
      plain
      >返回列表</el-button
    >
    <Search />
    <List :lessonId="lessonId" />
    <AddPlan :lessonId="lessonId" />
    <AddSign :lessonId="lessonId" />
    <!-- <PlanSet :curLessonPlan="curLessonPlan" />
    <SignIn :curLessonPlan="curLessonPlan" /> -->
  </div>
</template>
<script>
// import { mapGetters } from 'vuex'
export default {
  components: {
    Search: () => import('./Search.vue'),
    List: () => import('./List.vue'),
    AddPlan: () => import('./AddPlan.vue'),
    AddSign: () => import('./AddSign.vue'),
  },
  data() {
    return {
      lessonId: '',
    }
  },
  watch: {
    $route: {
      immediate: true,
      handler(v) {
        this.lessonId = v.query.lessonId
      },
    },
  },
  mounted() {},
  methods: {
    handleBack() {
      this.$router.go(-1)
    },
  },
}
</script>
<style scoped lang="scss">
.lesson-plan-in {
  position: relative;
  .btn-back {
    position: absolute;
    right: 0;
    top: -53px;
    z-index: 1;
  }
}
</style>